//当季爆款组件
import React, { Component } from 'react';
import { Button } from 'antd';
import{Link } from "react-router-dom";
import "./Baokuan.scss"
class Baokuan extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    }
    render() {
        const { baokuanList } = this.props;
        return (
            <ul className="baokuan">
                {
                    baokuanList.map((item, index) => <li key={item.item_id}>
                        <div className="baopic">
                                <img src={item.over_image_url} alt={item.item_id} load="loaded" />
                        </div>
                        <div className="baotext">
                            <div className="itemName">{item.item_name}</div>
                            <div style={{color:"#ff005a"}}>￥{item.min_price/100}</div>
                            <div className="btn">
                            <Link to={{pathname:"/item",state:item}}><Button type="primary" danger > 立即购买</Button></Link>
                            {/* <Button type="primary" danger > 立即购买</Button> */}
                            </div>
                        </div>
                    </li>)
                }
            </ul>
        );
    }
}

export default Baokuan;